<%-- 
    Document   : template_no3col
    Created on : Nov 28, 2011, 12:24:42 AM
    Author     : Ngoc Linh
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>

<!DOCTYPE html>
<html>
    <head>        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="Stylesheet" href="styles/reset.css" />
        <link type="text/css" rel="Stylesheet" href="styles/default.css" />
        <script type="text/javascript" src="javascripts/jquery-1.6.1.min.js"></script> 
        <script type="text/javascript" src="javascripts/scrolltopcontrol.js"></script>   
        <script type='text/javascript'>
            function checkSearch(){
                var key = $('#key_search');
                
                if (key.val().length == 0 || key.val() == 'tìm kiếm nhanh ...'){
                    alert('Xin nhập từ khóa tìm kiếm !');
                    key.val('');
                    key.focus();

                   return false;
                }
                return true;
            }
            function setNull(sender){
                var key = sender.value.toString();
                if(key == "tìm kiếm nhanh ..."){
                    sender.value = '';
                }
            }
            function recover(sender){
                var key = sender.value.toString();
                if(key.trim().length == 0){
                    sender.value = 'tìm kiếm nhanh ...';
                }
            }
        </script>
        <script type="text/javascript">
            $(document).ready(showMenu);
            
            function showMenu(){
                $('ul#list_level1_cat > li[id !="all_cat"]').hover(function(){
                    
                   $(this).find('ul:first').css('visibility','visible').show(300);                                 
                    
                }, function(){
                    $(this).find('ul:first').css('display','none');
                });
                
                $('li#all_cat').hover(function(){
                    
                   $('#all_cat_container').show(300);                                 
                    
                }, function(){
                    $('#all_cat_container').hide();   
                });
             }
        </script>
        <tiles:insertAttribute name="head" /> 
    </head>
    <body>
        <tiles:insertAttribute name="header"/>
        <div id="wrapper">            
            <tiles:insertAttribute name="menu_category"/>
            <div class="line"></div>
            <div id="full_page">                
                <tiles:insertAttribute name="full_page"/>
            </div>
            <!--END full_page-->
            <div class="line"></div>
            <div id="footer">
                <tiles:insertAttribute name="footer"/>
            </div>
            <!--END FOOTER-->
        </div>
        <!--END WRAPPER-->
    </body>
</html>

